<!-- Header -->
<#macro Header title="DocAdmin", class="hold-transition skin-blue sidebar-mini">
    <!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>${title}</title>
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <#nested>
<body class="${class}">
<div style="background-color: #FAFAF9">
    </#macro>

    <!-- CSS -->
    <#macro CSS>
        <link rel="stylesheet" href="${request.contextPath}/lib/bootstrap/dist/css/bootstrap.min.css">
        <link rel="stylesheet" href="${request.contextPath}/lib/font-awesome/css/font-awesome.min.css">
        <!--    <link rel="stylesheet" href="${request.contextPath}/lib/Ionicons/css/ionicons.min.css">-->

        <link rel="stylesheet" href="${request.contextPath}/lib/layui/css/layui.css" media="all">
        <#nested>
        <link rel="stylesheet" href="${request.contextPath}/lib/lte/dist/css/AdminLTE.min.css">

        <!--[if lt IE 9]>
        <script type="text/javascript" src="${request.contextPath}/res/js/html5shiv.min.js"></script>
        <script type="text/javascript" src="${request.contextPath}/res/js/respond.min.js"></script>
        <![endif]-->

    <!-- Google Font -->
        <link rel="stylesheet"
              href="${request.contextPath}/res/font/googleapis/fonts.css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
    </#macro>

    <!-- Javascript -->
    <#macro Javascript>
        <!-- jQuery/Bootstrap/SlimScroll/FastClick/AdminLTE -->
        <script type="text/javascript" src="${request.contextPath}/lib/jquery/dist/jquery.min.js"></script>
        <script type="text/javascript"
                src="${request.contextPath}/lib/jquery-slimscroll/jquery.slimscroll.min.js"></script>
        <script type="text/javascript" src="${request.contextPath}/lib/fastclick/lib/fastclick.js"></script>
        <script type="text/javascript" src="${request.contextPath}/lib/lte/dist/js/adminlte.min.js"></script>

        <script type="text/javascript" src="${request.contextPath}/lib/layer/layer.js"></script>
        <script type="text/javascript" src="${request.contextPath}/lib/laydate/laydate.js"></script>
        <script type="text/javascript" src="${request.contextPath}/lib/frame/layers.js"></script>
        <script type="text/javascript" src="${request.contextPath}/lib/layui/layui.js"></script>
        <script type="text/javascript">window.contextPath = '${request.contextPath}';
			layer = window.top.layer</script>
        <#nested>
        <script type="text/javascript" src="${request.contextPath}/lib/bootstrap/dist/js/bootstrap.min.js"></script>
    </#macro>

    <!-- Footer -->
    <#macro Footer>
    <#nested>
</div>
</body>
</html>
</#macro>

<!-- Toolbar -->
<#macro Toolbar menus title="" desc="">
</#macro>

<!-- Content -->
<#macro Content>
    <section class="content">
        <div class="row">
            <#nested>
        </div>
    </section>
</#macro>